<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>大学生防网络诈骗科普</title>
		<link rel="stylesheet" href="./css/index.css">
		
	</head>
	<body>
		
		<div id="1"  
			style="height: 100px; "
			><br><h1 align="center" style="font-family:'黑体'; color:black;">大&ensp;学&ensp;生&ensp;防&ensp;网&ensp;络&ensp;诈&ensp;骗&ensp;科&ensp;普</h1></div>
		<div id="2"
			style="width: 1200px;height: 500px; position:absolute; top:50%;left:50%; transform:translate(-50%,-50%); overflow: hidden; border: 1px;" >
			<img src="img/123.png" alt="漫画" width="1200px" height="500px"/>
		</div>
		<div id="3"
			style="height: 200px; width: 200px; position: absolute;top: 325px;left: 600px ;text-decoration: none; " >
			<button type="button" style="background-color:green;"><h2>防骗小课堂</h2>
				           
			</button>
			
		</div>
		<div id="4"
			style="height: 200px; width: 200px; position: absolute;top: 325px;left: 750px ;text-decoration: none;" >
			<button type="button" style="background-color:green;"><h2>反诈解决方案</h2></button>
			</div>
		
		
		
		
	</body>
</html>
